table tr td.td_course_tea_diary_expand{
  padding: 10;
}
div.column_course_tea_diary_expand{
  display: none;
}
div._expand_info_column{
  background-color: #dfe7eb;
  border-radius: 10px;
}
div._expand_msg_column{
  background-color: #c6cdd8;
  border-radius: 10px;
}
span._expand_msg_date{
  margin-right: 5px;
  color: #0b81be;
}
div._expand_msg_info{
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 5px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
/***/
table.table_course_tea_diary tbody tr:nth-child(4n+1),
table.table_course_tea_diary tbody tr:nth-child(4n+2) {
  background-color: rgb(240, 241, 243) !important;
}
table.table_course_tea_diary tbody tr:nth-child(4n+3),
table.table_course_tea_diary tbody tr:nth-child(4n+4) {
  background-color: #ffffff !important;
}
/***/
.btn-expand{
  background-color: #e6d2a6;
}
.btn-collapse{
  background-color: #d6d1c7;
}
.row_noweap{
  flex-wrap: nowrap;
}
.row_gap10:not(:last-child){
  gap: 10px ;
}
.row_gap20:not(:last-child){
  gap: 20px ;
}
.label_unread {
    white-space: nowrap;
    background-color: #ffe180;
    padding: 0 5px 1px 5px;
    border-radius: 3px;
    font-size: 0.8em;
    color: #9f4f10 !important;
    font-weight: bold;
    white-space: nowrap;
}